﻿@model IEnumerable<Unijovem.UI.Models.PregacaoModel>
@{
    ViewBag.Title = "Mensagens";
}
<script src="@Url.Content("~/Scripts/jquery.corner.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $("#destaque").corner("round 10px");

        $('div.imagem').each(function () {
            $(this).corner("round 10px");
        });

        $('img.imagem').each(function () {
            $(this).corner("round 9px");
        });

        $('div.eventoDetalhes').each(function () {
            $(this).corner("round 5px");
        });

        $('div.eventoDetalhes').each(function (index) {
            var eventoDetalhes = $(this);

            $(this).mouseover(function () {
                $(this).removeClass("eventoDetalhes");
                $(this).addClass("eventoDetalhesOver");
            });

            $(this).mouseout(function () {
                $(this).addClass("eventoDetalhes");
                $(this).removeClass("eventoDetalhesOver");
            });

            $(this).click(function () {
                $('div.informacaoEvento').each(function (indexEvento) {
                    if (index != indexEvento)
                        $(this).slideUp("slow");
                });

                var informacao = $('div.informacaoEvento')[index];

                if ($(informacao).is(":visible")) {
                    $(informacao).slideUp("slow");
                    eventoDetalhes.text("Ver mensagens");
                } else {
                    $(informacao).slideDown("slow");
                    eventoDetalhes.text("Ocultar mensagens");
                }
            });
        });
    });
</script>
<div class="floatLeft" style="width: 650px">
    <h3>Mensagens</h3>
    @Html.ActionLink("Músicas", "Visualizar", "Musica", null, new { @class = "botaoVermelho floatLeft" })
    <div style="width: 20px;" class="floatLeft">&nbsp;</div>
    @Html.ActionLink("Mensagens", "Visualizar", "Pregacao", null, new { @class = "botaoVermelho floatLeft" })
    <div style="width: 20px;" class="floatLeft">&nbsp;</div>
    @Html.ActionLink("Fórum", "Visualizar", "Forum", null, new { @class = "botaoVermelho floatLeft" })
    <div style="clear: both; height: 15px;"></div>
    <span class="vermelho fonteDestaque">Destaque</span><br />
    <br />
    <div id="destaque" class="borderVermelha" style="width: 100%; height: 210px;">
        @{          
            var modelRandom = Model.Where(m => m.UrlYoutube != null);
            int count = modelRandom.Count();
            int index = new Random().Next(count);

            var destaque = modelRandom.ToList()[index];
                
            <div class="floatLeft" style="padding: 10px">
                @Html.Partial("~/Views/PartialView/YouTube.cshtml", new Unijovem.UI.Models.YouTubeModel { Url = destaque.UrlYoutube, Height = 190, Width = 320 })
            </div>
            <div class="floatLeft" style="height: 210px; padding: 15px 10px 0px 10px; max-width: 270px;">
                <span class="vermelho" style="font-size: 19px;">@destaque.Titulo</span>
                <br />
                <i>@destaque.Autor.Nome</i>
                <br /><br />
                @Html.ActionLink("[...] Veja mais", "Detalhes", new { id = destaque.Id })
            </div>
        }
    </div>
    <div style="clear: both;">
        <br />
    </div>
    <div class="divTexto" style="padding: 0; !important">
        @foreach (var item in Model.Select(m => new { m.Autor.Nome, NomeArquivo = m.Autor.Arquivo.Nome, m.Autor.Id, m.Autor.Informacao }).Distinct())
        {
            <div style="width: 100%; min-height: 100px;">
                <div class="imagem floatLeft">
                    <img src="@Url.Content(Path.Combine(Unijovem.UI.Models.ArquivoModel.SelecionarCaminhoImagem(Unijovem.UI.Models.ArquivoModel.TipoArquivo.Autor), String.IsNullOrEmpty(item.NomeArquivo) ? string.Empty : item.NomeArquivo))" 
                    alt="@item.Nome" class="imagem" />
                </div>
                <div style="padding: 5px 0px 0px 10px; max-width: 530px; text-align: justify" class="eventoLista floatLeft">
                    <span class="vermelho" style="font-size: 19px;">@item.Nome</span>
                    <br />
                    @item.Informacao
                </div>
            </div>
            <div style="clear: both; height: 7px;">
            </div>
            <div class="informacaoEvento">
                <span><b>Mensagens</b></span>
                <br />
                <br />
                @foreach (var pregacao in Model.Where(m => m.IdAutor == item.Id).OrderBy(m => m.Titulo))
                {
                    @Html.ActionLink(pregacao.Titulo, "Detalhes", new { id = pregacao.Id })
                    <br />
                }
            </div>
            <div class="eventoDetalhes">
                Ver mensagens
            </div>
        }
    </div>
</div>
@Html.Partial("~/Views/PartialView/Promocao.cshtml", "200")
